@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.wf-monitor-no-permission{
    width:100%;
    height:100%;
    .am-list{
        .am-list-header{
            padding: 0;
            .render-header{
                height: 30px;
                text-align: center;
                line-height: 30px;
                color: @brand-primary;
            }
        }
        .wf-no-permission-label{
            width:100px;
        }
        .wf-no-permission-value{
            width:calc(~"100% - 100px");
            
        }
    }
    .render-header{
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: @brand-primary;
    }
    .ul{
        padding:0;
        margin:0;
        padding-right:20px;
        background:#fff;
        height:calc(~"100% - 30px");
        overflow: auto;
        li{
            width:100%;
            padding:10px;
            border-bottom:1px solid #ddd;
            padding-right:20px;
            position: relative;
            .wf-no-permission-label{
                display: inline-block;
                width:100px;
                position: absolute;
                top:50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
            }
            .wf-no-permission-value{
                display: inline-block;
                width:calc(~"100% - 100px");
                overflow: hidden;
                margin-left:100px;
            }
        }
    }
}